<template>
	<div class="col-sm-6 col-sm-3">
		<div class="alert" v-if="!reportData.hasData">
			<translate>No data yet.</translate>
		</div>

		<div class="stat-big" v-if="reportData.hasData">
			<div class="stat-big-label">
				{{ reportData.fieldLabel }}
			</div>
			<div class="stat-big-digit">
				<template v-if="reportData.fieldType === 'number'">
					{{ reportData.data | number }}
				</template>
				<template v-else-if="reportData.fieldType === 'currency'">
					{{ reportData.data | currency }}
				</template>
			</div>
		</div>
	</div>
</template>

<script lang="ts" src="./simple-stat"></script>
